<template>
  <div
    :class="[
      file_uni_info,
      css_wind_light_hover,
      css_content_padding,
      css_child_margin_top,
    ]"
    :id="file_uni_info"
    v-for="(val, key) of ref_file_info"
    :key="key"
  >
    <div :class="[file_prop, css_title_world_gray]" :id="file_prop">
      {{ key }}
    </div>
    <div :class="[file_prop_val]" :id="file_prop_val">{{ val }}</div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './file_uni_info.css';
import { init_file_uni_info, ref_file_info } from './file_uni_info';
import {
  file_prop,
  file_prop_val,
  file_uni_info,
} from './DataDefine/sourceData';
import {
  css_child_margin_top,
  css_content_padding,
  css_title_world_gray,
  css_wind_light_hover,
} from '../../../../../../../global_comps/Css';

let cur_file_uni_info_props = defineProps({});

onMounted(() => {
  init_file_uni_info();
});
</script>
